<template>
  <div class="doctorReg">
    <div class="doctorReg_box having" v-if="item">有号</div>
    <div class="doctorReg_box nothaving" v-else>放号提醒</div>
  </div>
</template>

<script>
export default {
  name: "doctorReg",
  props: {
    item: {
      required: true,
      type: Boolean,
      default() {
        return false;
      },
    },
  },
};
</script>

<style lang="scss" scope>
.doctorReg {
  width: 100%;
  height: 100%;
  &_box {
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
  }
}
.having {
  background-color: #0052da;
  color: #fff;
  padding: 5px 18px;
}
.nothaving {
  background-color: #fff;
  color: #0052da;
  border: 1px solid #0052da;
  padding: 5px 0px;
}
</style>
